<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>太空放置 - IdleSpace</title>
    <base href="/" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />

    <script type="text/javascript"
    src="https://download.playfab.com/PlayFabClientApi.js"></script>
    <script src="https://cdn1.kongregate.com/javascripts/kongregate_api.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"
        integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E="
        crossorigin="anonymous"></script>

        <script>
          preventScroll = function () {
            setTimeout(function () {
              $('.drag-list, .nav-content, .content-area, .app-header').on('DOMMouseScroll mousewheel', function (ev) {
                body = $('body')[0]
                var $this = $(this),
                  scrollTop = this.scrollTop,
                  scrollHeight = this.scrollHeight,
                  height = $this.innerHeight(),
                  delta = (ev.type == 'DOMMouseScroll' ?
                    ev.originalEvent.detail * -40 :
                    ev.originalEvent.wheelDelta),
                  up = delta > 0;

                var prevent = function () {
                  ev.stopPropagation();
                  ev.preventDefault();
                  ev.returnValue = false;
                  return false;
                }

                if($this.hasClass("drag-list")){
                  //console.log(delta)
                  $this.scrollTop(scrollTop -delta );
                  return false;
                }else{
                if (!up && -delta > scrollHeight - height - scrollTop) {
                  // Scrolling down, but this will take us past the bottom.
                  $this.scrollTop(scrollHeight);
                  return prevent();
                } else if (up && delta > scrollTop) {
                  // Scrolling up, but this will take us past the top.
                  $this.scrollTop(0);
                  return prevent();
                }
              }
              }
              )
            }
              , 0)
          };
        </script>

    <style>
      body {
        margin: 0;
      }
      .flexCont {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
      }
      .loaderC {
        text-align: center;
        max-width: 50%;
      }
    </style>
  </head>
  <body>
    <app-root>
      <div id="preload" class="flexCont">
        <div class="loaderC">
          <h1>
            太空放置
          </h1>
          <p>加载中...<br />针对最新的Chromium和Firefox进行了优化</p>
        </div>
      </div>
    </app-root>

    <!-- I just want to see if someone is playing my game -->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=UA-108006360-3"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || []
      function gtag() {
        dataLayer.push(arguments)
      }
      gtag("js", new Date())

      gtag("config", "UA-108006360-3")
    </script>


    <!--客服 开始-->
<script src="//likexia.gitee.io/game/js/jquery.min.js"></script>
<link rel="stylesheet" href="//likexia.gitee.io/game/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="//likexia.gitee.io/game/js/kf.js"></script>
<!-- 客服 结束 -->
  </body>
</html>
